<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>绝对定位</title>
		<style type="text/css">
		div{
			width: 600px;
			height:600px;
			background-color: aqua;
			text-align: center;
			position: relative;
			margin: 0 auto;
		}
		article{
			position: absolute;
			width: 100%;
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%);
		}
		</style>
	</head>
	<body>
		<div>
		<article>Lorem ipsum dolor sit amet, consectetur adipisi
		cing elit.Beatae et tempora reprehenderit tenetur numquam
		 error ullam eveniet ad itaque aliquid voluptatum quis 
		 corporis voluptatem veniam repudiandae necessitatibus
		  laudantium amet voluptatibus!</article>
		</div>
	</body>
</html>
